<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/default.css"/>
		<link rel="stylesheet" type="text/css" href="css/style1.css"/>
		<style>
			.imgdt{
				float: left;
				margin-right:17px;
				border-radius: 30px;
			}
			.imgdt~dd{
				margin: 0.01rem 0;
			}
			.mui-table-view-cell>a:not(.mui-btn){
				margin: 0;
			}
			  .m-icon-bluev{
		        	display: inline-block;
		        	width: 16px;
		        	height:16px;
		        	background-color: #222222;
		        	position: absolute;
				    left: 52px;
		    		bottom: 7px;}
		.mui-table-view-cell {
			padding: 8px 15px;
		}
		.mb0{
			margin-top: 0 !important;
		}
		.hps-head-dl{
			position: relative;
			overflow: hidden;
		}
		.hps-head-box p{
			margin-top: 18px;
		}
		.mui-table-view-cell:after{
			left: 0 !important;
		}
		</style>
	</head>

	<body>
		
		<div class="mui-content">
			<ul class="mui-table-view mb0 ">
			        <li class="mui-table-view-cell">
			        	<!--跳转到登陆页-->
			            <a class="mui-navigate-right hps-head-box" id="reg">
			                <dl class="hps-head-dl">
			                	<dt class="imgdt">
			                		<img src="./images/img_portrait_default.png" alt="" class="imgbig-peopl mui-pull-left"/>
			                		<!--<i class="m-icon-bluev white-big">V</i>-->
			                	</dt>
			                	<dd class="blackest">未登录</dd>
			                </dl>
			                <p>“这个人很忙，还没时间介绍自己”</p>
			            </a>
			        </li>
			        
			        <li class="mui-table-view-cell ft14">
			            <a class="mui-navigate-right" id="aboutdetail">
			                 	关于黑皮书
			            </a>
			        </li>
			        <li class="mui-table-view-cell">
			            <a class="mui-navigate-right ft14">
			                 	分享APP
			            </a>
			        </li>
			    </ul>  
		</div>
		
		
		
		<script src="js/mui.min.js"></script>
		<script src="js/setfontsize.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
	
			mui.init()
			document.getElementById("reg").addEventListener("tap",function(){
				mui.openWindow({
					url: "reg.html",
					id: "reg"
					// url: "person1.html",
					// id: "reg"
				})
			})
			document.getElementById("aboutdetail").addEventListener("tap",function(){
				mui.openWindow({
					url: "aboutdetail.html",
					id: "aboutdetail"
				})
			})
		</script>
	</body>

</html>